<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>房联行增值服务部后台管理中心</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
    </head>
    <body>
    	
    <div class="x-body layui-anim layui-anim-up">
    	<div class="layui-row">
    		<form class="layui-form">
    			<div class="layui-form-item">
    				<div class="layui-inline">
    					<label class="layui-form-label">操作日期：</label>
    					<div class="layui-input-inline">
    						<input type="text" name="start" id="start" placeholder="开始日期" autocomplete="off" class="layui-input">
    					</div>
    					<div class="layui-form-mid">-</div>
    					<div class="layui-input-inline">
    						<input type="text" name="end" id="end" placeholder="结束日期" autocomplete="off" class="layui-input">
    					</div>
    				</div>
    				<div class="layui-inline">
    					<button class="layui-btn layui-bg-green" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
    					<button class="layui-btn layui-bg-orange" type="reset">清空</button>
    				</div>
    	
    			</div>
    	
    		</form>
    	</div>
       
        <fieldset class="layui-elem-field">
            <legend>登录日志</legend>
            <div class="layui-field-box">
            	<table class="layui-table">
            		<colgroup>
            			<col width="150">
            			<col width="150">
            			<col width="200">
            			<col>
            		</colgroup>
            		<thead>
            			<tr>
            				<th>ID</th>
            				<th>登录用户</th>
            				<th>登录日期</th>
            				<th>IP地址</th>
            				
            			</tr>
            		</thead>
            		<tbody>
            			<tr>
            				<td>1</td>
            				<td>admin</td>
            				<td>2018-07-02 11:54:55</td>
            				<td>127.0.0.1</td>
            			</tr>
            			<tr>
            				<td>1</td>
            				<td>admin</td>
            				<td>2018-07-02 11:54:55</td>
            				<td>127.0.0.1</td>
            			</tr>
            			<tr>
            				<td>1</td>
            				<td>admin</td>
            				<td>2018-07-02 11:54:55</td>
            				<td>127.0.0.1</td>
            			</tr>
            			
            		</tbody>
            	</table>
            	<div id="page"></div>
            </div>
        </fieldset>
 
    </div>
    <script>
			layui.use(['laypage', 'laydate'], function() {
				var laydate = layui.laydate
				,laypage = layui.laypage;
				//时间调用
				laydate.render({
					elem: '#start'
				});
				laydate.render({
					elem: '#end'
				});
			    //分页
			    laypage.render({
					elem: 'page'
			        ,count: 100
			        ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
			        ,jump: function(obj){
			          console.log(obj)
			        }
			    });
			});
		</script>
    </body>
</html>